<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>表单控件(复选框和单选按钮水平排列)</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
</head>

<body>
<form role="form">
    <div class="form-group">
        <label class="checkbox-inline">
            <input type="checkbox"  value="option1">游戏
        </label>
        <label class="checkbox-inline">
            <input type="checkbox"  value="option2">摄影
        </label>
        <label class="checkbox-inline">
            <input type="checkbox"  value="option3">旅游
        </label>
    </div>
    <div class="form-group">
        <label class="radio-inline">
            <input type="radio"  value="option1" name="sex">男性
        </label>
        <label class="radio-inline">
            <input type="radio"  value="option2" name="sex">女性
        </label>
        <label class="radio-inline">
            <input type="radio"  value="option3" name="sex">中性
        </label>
    </div>
</form>
</body>
</html>